<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<f:view>

	<h:head>
		<link type="text/css" rel="stylesheet" href="themes/blitzer/blitzerSA.css" />

		<style type="text/css">
.scroll {
	width: 150px;
	height: 50px;
	overflow: hidden;
	border: 1px solid #000000;
}

.ui-menu-item {
	color: #004276;
}

.ui-menu-background {
	color: #E2DEDE
}

;
body {
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	color: #000000;
}

.ui-widget {
	font-size: 75%;
}

.nestedUnit {
	border: 0px none !important
}

.ui-layout-center .ui-layout-resizer {
	border: 1px solid #A8A8A8;
}

.ui-tree-item span {
	float: left;
}

.ui-tree {
	border: 0px none;
}

.ui-tabs {
	border: 0px none;
}

.tablitaStyle {
	width: 660px;
}

.barra {
	margin-left: 72%;
	position: fixed;
	top: 200px;
	width: 110px;
	background-color: #ffffff;
	z-index: 4;
	border: 2px #cccccc solid;
	padding: 4px;
}
</style>


	</h:head>

	<h:body>

		<p:panel>
			<f:facet name="header">
				<h:outputLabel value="DEMO PERSISTENCIA GENÉRICA CON PRIMEFACE" />
			</f:facet>
			<h:form id="wLisUsu">
				<p:growl life="3000" showDetail="true" id="msjLisUsu" />
				
					<p:tab title="Criterios de b&#250;squeda" closable="false" >
						<f:facet name="header">
								<h:outputLabel value="Criterios de b&#250;squeda" />
						</f:facet>
						<p:separator />
						<h:panelGrid columns="3">

							<p:commandButton value="ListarConsultaSimple"
								icon="ui-icon-search" action="#{tblMB.buscarEntidadSimple}"
								update="@form:tblUsuarios" />

							<p:commandButton value="ListarProcedimiento"
								icon="ui-icon-search" action="#{tblMB.buscarItemsTablitaProcedimientos}"
								update="@form:tblUsuarios" />

							<p:commandButton value="ListarEntidadRelacional"
								icon="ui-icon-search" action="#{tblMB.buscarEntidadRelacional}"
								update="@form:tblDirecc" />


						</h:panelGrid>
					</p:tab>
			

				<h2>Resultados</h2>
				<p:separator />
              <h:panelGrid columns="1" >  
              
					<p:dataTable id="tblUsuarios" paginator="false"  
						styleClass="tablitaStyle" paginatorPosition="bottom" rows="10"
						style="width: 100%" var="user" value="#{tblMB.lstTablita01}"
						emptyMessage="No se encontraron registros" scrollable="true"
						scrollHeight="150" resizableColumns="true">

						<p:column style="width: 250px; " >
							<f:facet name="header">
								<h:outputText value="Key" />
							</f:facet>
							<h:outputText value="#{user.key}" />
						</p:column>

						<p:column style="width: 30%; ">
							<f:facet name="header">
								<h:outputText value="Value" style="padding: 560px; "/>
							</f:facet>
							<h:outputText value="#{user.value}" />
						</p:column>

						<div align="center">  
						<f:facet name="footer"  >
          			     Total registros: <h:outputText value="#{tblMB.iCantidadTbl01}" />
						</f:facet></div>
					</p:dataTable>

			
				
			
					<p:dataTable id="tblDirecc" paginator="false"  
						styleClass="tablitaStyle" paginatorPosition="bottom" rows="10"
						style="width: 100%" var="dire" value="#{tblMB.lstDireccionLst}"
						emptyMessage="No se encontraron registros" scrollable="true"
						scrollHeight="150" resizableColumns="true">

						<p:column style="width: 250px; ">
							<f:facet name="header">
								<h:outputText value="Id" />
							</f:facet>
							<h:outputText value="#{dire.iddirec}" />
						</p:column>

						<p:column style="width: 30%; ">
							<f:facet name="header">
								<h:outputText value="Dirección" style="padding: 560px; "/>
							</f:facet>
							<h:outputText value="#{dire.descripcion}" />
						</p:column>

					 
						<f:facet name="footer"  >
          			     Total registros: <h:outputText value="#{tblMB.iCantidadDireccion}" />
						</f:facet>
					</p:dataTable>

				
				</h:panelGrid>
			</h:form>
		</p:panel>
	</h:body>
</f:view>
</html>